<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="./js/jquery.js"></script>
    <style>

    </style>
</head>
<body>
    <button>创建节点</button>
     <button>删除节点</button>
      <button>获取文本</button>
       <button>插入节点</button>
     <button>复制节点</button>
     <button>替换节点</button>
    
    
    <ul>

    </ul>
    <script>
       $('button').eq(0).click(function(){
           $('ul').append('<li>我是创建的新节点</li>')
       })
       $('button').eq(1).click(function(){
           $('ul li').eq(0).remove()
       })
         $('button').eq(2).click(function(){
          console.log($('ul li').eq(0).html())
       })
          $('button').eq(3).click(function(){
        //    $("ul li").before("<li>我是before创建节点</li>")
         $("ul li").after($('<li>这是h2标签</li>'));
       })
    </script>
</body>
</html>